import styled from 'styled-components'

const RenwuContainer = styled.div`
    width: 100%;
    flex:1;
    overflow:scroll;
    .taskList{
        width:100%;
        padding-top:.25rem;
        height:3.45rem;
        overflow:scroll;
        .taskItem{
            width:100%;
            height:.69rem;
            display:flex;
            padding:0 .15rem;
            align-items:center;
            border-bottom:1px solid #EBEBEB;
            .headImg{
                width:.5rem;
                height:.5rem;
                margin-right:.1rem;
                img{
                    width:100%;
                    height:100%;
                }
            }
            .taskInfo{
                height:100%;
                flex:1;
                display:flex;
                flex-direction:column;
                .name{
                    height:.21rem;
                    font-size:.15rem;
                    color:#646464;
                    line-height:.21rem;
                }
                .level{
                    width:100%;
                    height:.24rem;
                    display:flex;
                    align-items:center;
                    margin-right:.53rem;
                    background:padding-block-end;
                    .levelImg{
                        flex:1;
                        height:.05rem;
                        line-height:0;
                        margin-right:.18rem;
                        img{
                            width:100%;
                            height:100%;
                        }
                    }
                    .dengji{
                        width:.67rem;
                        height:.15rem;
                        line-height:.15rem;
                        font-size:.11rem;
                        color:#FFB538;

                    }
                } 
                p{
                    height:.15rem;
                    line-height:.15rem;
                    font-size:.11rem;
                    color:#C0C0C0;

                }
            }/**/
            .isOver{
                width:.5rem;
                height:.28rem;
                line-height:.28rem;
                border:1px solid #EBEBEB;
                border-radius:.05rem;
                text-align:center;
                margin-right:.15rem;
            }
        }
        .more{
            margin:0 auto ;
            width:100%;
            height:.65rem;
            line-height:.65rem;
            text-align:center;
            font-size:.13rem;
            color:#646464;
        }
    }
`
export default RenwuContainer